hr{
    color: var(--secondary-color);
    background-color: var(--secondary-color);
    border: 1.5px solid;
}

section#contatti iframe{
    width:100%;
    height:100%;

}

.arial{
    font-family: var(--arial);
}

nav.mb-5{
    /* in questa pagiana tolgo il margine della navbar */
    margin-bottom: 0px !important;
}


#my-video {
    width: 100%;
}

/* impostazioni carosello iniziale della sezione CHI SIAMO */
.carousel{
    /* aumento il padding del carosello per avere immagin più  contenute */
    padding-left: 6rem;
    padding-right: 6rem;
    margin-top: 4rem;
}

@media (max-width: 1200px) {
    .carousel{
        /* aumento il padding del carosello per avere immagin più  contenute */
        padding-left: 5rem;
        padding-right: 5rem;
        margin-top: 5rem;
    }
}
@media (max-width: 1090px) {
    .carousel{
        /* aumento il padding del carosello per avere immagin più  contenute */
        padding-left: 0rem;
        padding-right: 0rem;
        margin-top: 7rem;
        box-sizing: border-box;
    }
}
@media (max-width: 991px){
    .carousel{
        /* aumento il padding del carosello per avere immagin più  contenute */
        padding-left: 7rem;
        padding-right: 7rem;
        padding-bottom: 2rem;
    } 
}
@media (max-width: 699px){
    .carousel{
        /* aumento il padding del carosello per avere immagini più  contenute */
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
@media (max-width: 599px){
    .carousel{
        /* aumento il padding del carosello per avere immagini più  contenute */
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
@media (max-width: 499px){
    .carousel{
        /* aumento il padding del carosello per avere immagini più  contenute */
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media (max-width: 399px){
    .carousel{
        /* aumento il padding del carosello per avere immagini più  contenute */
        padding-left: 2.7rem;
        padding-right: 2.7rem;
    }
}
/* end carosello */

.titolo{
    /* aumento la dimensione del titolo CHI SIAMO e di CONTATTI*/
    font-size: 4rem;
}

/* inizio modifiche impostazioni del list groud dei contatti */
.list{
    color: var(--secondary-color);
    background-color: transparent;
    display: flex;
    flex-direction: column;
}
.list:hover{
    color: darkgreen;
}
/* fine modifiche impostazioni del list groud dei contatti */

@media (max-width: 385px) {
    /* modifico testo di email telefono e facebook nei CONTATTI */
    .info{
        font-size: 1rem !important;
    }
}

@media (max-width: 292px) {
    /* modifico padding sinistro di email telefono e facebook nei CONTATTI */
    #email{
        padding-right: 0px;
    }
}


@media (max-width: 375px){
    .text-chi-siamo{
        /* div che comprende titolo e testo */
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width:992px){
    .maps,
    .list-group{
        /* diminuisco grandezza iframe di maps e dei 3 contatti*/
        max-width: 960px;
    }
}

@media (max-width: 992px){
    .titolo{
        /* aumento la dimensione del titolo CHI SIAMO e di CONTATTI*/
        font-size: 3.5rem;
    }       
}
@media (max-width: 575px){
    .titolo{
        /* aumento la dimensione del titolo CHI SIAMO e di CONTATTI*/
        font-size: 2.5rem;
    }    
}